@charset "utf-8";
/* CSS Document */
@font-face{
    font-family: 'SourceHanSerifCN-Heavy';
    src : url('../fonts/SourceHanSerifCN-Heavy.otf');
}


html,body { min-width:1200px; margin:0; padding:0; border:0; text-align:left; font-size:12px; line-height:1.8em; font-family:Arial, Helvetica, sans-serif; color:#000;}
html { -webkit-text-size-adjust:none;}
input,textarea,select { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; outline:none;}
p,img,div,ol,ul,li,dl,dt,dd,table,tr,td,span,em,strong,label,form,h1,h2,h3,h4,h5,h6,iframe,font,b,u,i,del,a { margin:0; padding:0; border:0; list-style-type:none;}
a { color:#333; text-decoration:none; outline:none;}
a:hover { color:#f06b00;}
.clear{ clear:both;}




body{background:linear-gradient(to bottom,#fff 20%,#e5f0f7 60%,#cde2f0) no-repeat;}
.wrap{width: 1200px;margin: 0 auto}
.wrap:after{clear: both}
.top {display: flex;justify-content: space-between;background-color: #2486d5;line-height: 30px;color: #fff;padding: 0 20px 0 20px}
.top ul{display: flex;justify-content: flex-end;}
.top ul li{padding: 0 2px}
.top ul li a{color: #fff;transition: opacity 0.5s}
.top ul li:hover a{opacity: 0.85;transition: opacity 0.5s}
.top2 {display: flex;justify-content: space-between;padding-top: 48px;padding-bottom: 50px;background-color: #fff}
.top2  .search{background-color: #f1f1f1;width: 328px;height: 46px;border-radius: 6px;padding: 0 18px 0 24px;display: flex;;justify-content: space-between;}
.top2  .search input {border: none;background: none;line-height: 46px;font-size: 15px;width: 284px;color: #2486d5}
.top2  .search button{border: none;background: none;}
.top2  .search input::-webkit-input-placeholder { color: #2486d5;}

.for4_wordlist{}

.header-nav-list {background-color: #2486d5;width: 100%}

/*.header-nav-list ul {padding: 12px 0}*/

.header-nav-list ul li {
    position: relative;
    display: block;
    float: left;
    width: 150px;
    z-index: 999
}
/*.header-nav-list ul .nav_title:hover{background-color: #1d6dae;transition: all 0.5s}
*/
.header-nav-list ul li a {
    color: #fff;
    /* padding: 18px 20px;*/
    font-size: 18px;
    line-height: 28px;
    background: none;
    position: relative;
    display: block;
    line-height: 40px;
    text-align:center;
    z-index: 998

}






.aui-dow-box {
    position: absolute;
    top: 200%;
    left: 50%;
    width: 140px;
    padding: 30px 0;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    z-index: 997
}

.aui-about-dow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 110%;
    /* min-width: 170px;*/
    /* padding: 8px 10px;*/
    background: #fff;
    border-radius: 2px;
    z-index: 99;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    z-index: 996
}

.drop-down:hover .aui-about-dow {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    filter: alpha(opacity=100);
}

.header-nav-list .aui-about-dow li a {
    padding: 0;
    line-height: 24px;
    display: block;
    padding: 6px 4px 6px 4px;
    color: #313131;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 16px;
    color: #616161;
}

.header-nav-list .aui-about-dow li a:hover {
    color: #2486d5;
    background-color: #f5f5f5
}


.header-nav-list ul li ul{padding: 12px 0 12px 0}
.hvr-shutter-out-horizontal{background: none}
.hvr-shutter-out-horizontal:before{background:#1d6dae }
.header-nav-list ul li .cur {background:#1d6dae}

#pagination{margin-left: -66px !important;width: 132px; }



/*公告*/
.notice_wrap{background: #fff;margin-bottom: 4px }
.notice{width: 1152px;overflow:hidden;margin:0 24px;padding: 13px 0;display: flex;font-size:15px;color: #474747}
.notice div{padding-left: 40px;width: 80px}
.noticTipTxt{color:#ff7300;height:22px;line-height:22px;overflow:hidden;margin:0 0 0 4px;}
.noticTipTxt li{height:22px;line-height:22px;overflow: hidden;width: 1040px}
.noticTipTxt a{color:#474747;transition:color 0.5s}
.noticTipTxt a:hover{color:#2486d5;transition:color 0.5s }

.for1 .main{width: 520px;}
.for1 .owl-carousel .item img{width: 520px;height: 358px}
.owl-theme .owl-controls{margin-top: -26px;position: relative;z-index: 995;text-align: right;margin-right: 20px}
.owl-theme .owl-controls .owl-page span{width: 8px;height: 8px;margin: 3px;}
.item{position: relative;display: block;}
.item div{position: absolute;font-size: 15px;bottom: 0;left: 0;padding-left: 34px;color: #fff;width: 100%;padding-right: 90px;overflow: hidden;
    height: 40px;line-height: 40px;display: flex;background: url(../images/left-line.jpg) no-repeat  center left 20px,rgb(230,0,18,0.5);}
.item div span{width: 75%}

.for1{padding: 44px 66px;background-color: #fff;display: flex;justify-content: space-between;margin-top: 4px}
.for1_r_top{width: 506px;margin-bottom: 22px}
.for1_r_top p{font-size:18px;height: 30px;
    /*background: url(../images/for1_r.png) no-repeat center left;padding-left:50px ;*/
    line-height: 30px;margin-bottom: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:color 0.5s  }
.for1_r_top a{color: #000}
.for1_r_top span{color: #545454;font-size: 15px;line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.for1_r_top p:hover{color: #2486d5;transition:color 0.5s }




.tab {
    width: 100%;

}
.tab-title {
    height: 35px;
    font-size: 0;
    border-bottom: 2px solid #2486d5

}
.tab-title .item {
    display: inline-block;

    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #333;
    font-size: 20px;
    padding: 0 22px 0 29px;

}
.tab-title .item-cur {
    color: #fff;
    /* background-color: #80b600;*/
    background: url(../images/tab1.jpg) no-repeat center left,url(../images/tab2.jpg) no-repeat center right,#2486d5;

}

.tab-cont {
    position: relative;
    /* background-color: #80b600;*/
    width: 100%;
    height: 210px;
    overflow: hidden;
}
.tab-cont__wrap {
    position: absolute;
}
.tab-cont .item {
    width:506px;
    height: 210px;
    line-height: 28px;
    text-align: left;
    color: #565656;
    padding-top: 18px
}
.tab-cont__wrap .item a{display: block;background: url(../images/for1_icon.png) no-repeat center left;font-size: 15px;
    color: #565656;padding-left: 18px;display: flex;justify-content: space-between;transition: color 0.5s}
.tab-cont__wrap .item a p{width: 360px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height: 28px}
.tab-cont__wrap .item a:hover{  color: #2486d5;transition: color 0.5s}


.for2_list{padding: 66px 66px;display: flex;justify-content: space-between;margin-top: 4px;margin-bottom: 4px;background: url(../images/for2_bg.png) no-repeat right center,#fff;}
.for2_l{width: 506px;}
.for2_l .tab-cont__wrap .item a{background: url(../images/for2_icon.jpg) no-repeat  left top 11px}
.for2_list .for2_l .tab-cont__wrap .item a{border-bottom: 1px dashed #e0e0e0;padding-bottom: 6px;margin-top: 8px}
.for2_list .for2_l .tab-cont{height:280px }
.for2_list .for2_l .tab-cont .item{height:280px}

.for3{background: #fff;padding:30px 20px 36px 20px;display: flex;justify-content: flex-start; }
.for3 .for3_l_tittle{font-family: 'SourceHanSerifCN-Heavy';font-size:28px;color: #000;line-height: 28px;padding: 0 44px;margin-bottom: 34px;
    background: url(../images/for3_icon.png) no-repeat left center,url(../images/for3_icon.png) no-repeat right center;width: 112px }
.for3 .main{width: 995px}
#for3_owl-demo .item{margin-right:  12px;overflow: hidden;}
#for3_owl-demo .item img{width: 320px;height: 270px}

#for3_owl-demo{position: relative;}
#for3_owl-demo  .owl-controls{position: absolute;top:-42px;right: 0}
.owl-prev{background:url(../images/arrow1.png) no-repeat!important;width: 34px;height: 34px;transition: 0.5s }
.owl-next{background:url(../images/arrow2.png) no-repeat  !important;width: 34px;height: 34px;transition: 0.5s }
.owl-prev:hover{background:url(../images/arrow1_hover.png) no-repeat !important;transition: 0.5s}
.owl-next:hover{background:url(../images/arrow2_hover.png) no-repeat  !important;transition: 0.5s}
.owl-theme .owl-controls .owl-buttons div{padding: 0}


.for3_l .item div{padding-left: 10px;color: #fff;width: 100%;padding-right: 14px;overflow: hidden;
    height: 46px;line-height: 46px;background: rgb(11,12,13,0.6);}
.for3_l .item div span{width: 95%}
.for3 .for3_r{margin-top: 62px;margin-left: 8px}




.foot{background: #1e6eb9;}
.foot_top{padding:0 66px  0px 66px;border-bottom: 1px solid #4e92bd;margin-bottom: 10px;display: flex;justify-content: space-between;}
.foot_top .foot_list {color: #fff;font-size: 15px;text-align: center;display:flex;height: 82px;line-height: 82px;}
.foot_top .foot_list p{text-align: center;width: 278px;text-align: center;transition: all 0.3s}
.foot_top .foot_list img{margin-top: 35px;width: 17px;height: 10px;transition: all 0.3s}
.foot_top .foot_list:hover img{transform:rotate(180deg);transition: all 0.2s}
.foot_top .foot_list:hover p{opacity: 0.8;transition: all 0.3s}
.foot_list{position: relative;}
.foot_top i{display: block;width: 1px;height: 23px;background: #4e92bd;margin-top: 28px}
.foot_hover{position: absolute;bottom:82px;background: #fff;height: auto;z-index: 990;opacity: 0;width: 304px;padding: 12px 0px;
    transition: all 0.5s;display: none;border:1px solid #eaeaea}
.foot_hover li{line-height: 30px;font-size: 15px;/*padding: 2px 10px*/}
.foot_hover li a{color: #2e2e2e;transition: all 0.5s;display: block;}
.foot_hover li:hover a,.foot_hover li:hover{color: #1e6eb9;transition: all 0.5s;background-color: #f1f1f1}
.foot_list:hover ul{opacity:  1;transition: all 0.5s;display: block;}

.copyright{color: #fff;text-align: center;font-size: 12px;line-height: 32px}



.in_for4{display: flex;background:#fff/*background: linear-gradient(to bottom,#fff 45%,#e6f0f8)*/;padding-bottom:20px }
.in_for4_l{width: 220px}
.in_for4_l .for4_l_top{width: 100%;height: 54px;background: #1d6dae;color: #fff;font-size: 20px;line-height: 54px;text-align: center;}
.in_for4_l ul{padding: 0px 00px 400px 0px;background:url(../images/in_for4_bg.png) no-repeat left bottom /*#fff,*/;min-height:160px}
.in_for4_l ul li {line-height: 50px;text-align: center;font-size: 17px;padding: 0 20px;transition:background-color  0.3s}
.in_for4_l ul li a{color:#292929;transition: 0.3s;display: block;line-height: 50px; }
.in_for4_l ul li:hover,.in_for4_l ul .set{background: url(../images/in_arrow.png) no-repeat right 20px top 16px;background-color: #f5f5f5;transition:background-color  0.3s}
.in_for4_l ul li:hover a,.in_for4_l ul .set a{color: #1d6dae;transition: 0.3s}


.in_for4_r{width: 880px;padding: 28px 50px 0 50px}
.in_for4_t{display: flex;justify-content: space-between;border-bottom: 1px solid #cccccc;padding-bottom: 10px;margin-bottom: 14px}
.in_for4_t p{background: url(../images/in_for4_icon.png) no-repeat left center;font-size: 20px;color: #1d6dae;padding-left: 26px}
.in_for4_t span{color: #8c959e;}
.in_for4_t span a{padding: 0 6px;color: #8c959e;font-size: 14px }
.in_for4_r .for4_wordlist li{font-size: 15px;border-bottom: 1px dashed #f0f0f0;line-height: 42px;transition: 0.5s;padding: 0 6px}
.in_for4_r .for4_wordlist li a{display: flex;justify-content: space-between;}
.in_for4_r .for4_wordlist li a p{color: #383b3f;width: 730px;overflow: hidden;height: 42px;transition: 0.5s}
.in_for4_r .for4_wordlist li a span{color: #8c959e;transition: 0.5s}
.in_for4_r .for4_wordlist li:hover{background: #fbfbfb;transition: 0.5s}
.in_for4_r .for4_wordlist li:hover a p,.in_for4_r ul li:hover a span{color: #1e6eb9;transition: 0.5s}

.in_for5_r .for5_imglist{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 80px}
.in_for5_r .for5_imglist:after{ content: '';width: 280px}
.in_for5_r .for5_imglist li{position: relative;width: 280px;height: 270px;overflow: hidden;margin-bottom: 20px;display: flex;align-items: center;}
.in_for5_r .for5_imglist li div{position: absolute;bottom: 0;height: 40px;background: rgb(11,12,13,0.6);line-height: 40px;
    padding: 0px 8px;color: #fff;font-size: 14px;width:264px}
.in_for5_r .for5_imglist li i{display: block;width: 100%;height: 100%;}
.in_for5_r .for5_imglist li img{width: 100%;transition: 0.5s}
.in_for5_r .for5_imglist li:hover img{width: 110%;transition: 0.5s}

.in_for6_r .content{padding-top: 10px;padding-bottom:80px}
.in_for6_r .content .title{text-align: center;font-size: 18px; font-weight: bold;color: #383b3f;line-height: 24px}
.in_for6_r .content .time{font-size: 14px;color: #8c959e;text-align: center;display: block;padding: 4px 0 10px 0}
.in_for6_r .content div{font-size: 15px;line-height: 25px;padding:0 10px;font-size:16px}
/*
.in_for6_r .content div p{background:none !important;font-size:16px !important}
.in_for6_r .content div span{background:none !important;font-size:16px !important}
.in_for6_r .content div div{background:none !important;font-size:16px !important}

*/

.in_for4_r .for4_wordlist li a span.c03{ color: red;}

.message{margin: 0 auto;width: 504px}
.message li{display: flex;font-size: 16px;margin-bottom: 20px}
.message li p{margin-right: 14px}
.message .m1 p{line-height: 37px}
.message .m1 input{width: 400px;height: 35px;border-radius: 8px;border:1px solid #e0e0e0e0;padding-left: 8px;font-size: 15px}
.message .m2 textarea{height: 300px;width: 391px;border:1px solid #e0e0e0;font-size: 15px;line-height: 25px;padding: 8px;padding-top: 3px;border-radius: 8px;}
.message .m3 {margin-bottom: 50px}
.message .m3 input{width: 140px;margin-right: 40px}
.message_button{margin-bottom: 100px}
.message .m3 div{width: 100px;height: 35px;background: #fff}
.message_button{text-align: center;}
.message_button button{width: 504px;height: 40px;background: rgb(30,110,185,1);b;line-height: 40px;font-size: 15px;border:none;border-radius: 10px;transition: 0.5s;margin: 0 auto;color: #fff}
.message_button button:hover{opacity: 0.85;transition: 0.5s;color: #fff}


.for6_imglist {display: flex;justify-content: space-between;flex-wrap: wrap;}
.for6_imglist a{display: flex;width: 46%;}
.for6_imglist a:hover{color: #333}
.for6_imglist li {display: flex;justify-content: space-between;padding: 26px 16px 26px 10px;box-shadow: 0px 3px 6px 2px #f1f0f1;font-size: 13px;margin-bottom: 30px;line-height: 22px}
.for6_imglist li img{width: 126px;height:175px;/*border: 1px solid #f0f0f0*/}
.for6_imglist li p{font-size: 16px;font-weight: 600;padding-bottom: 10px}

.in_for6_r .content .share{padding: 0;padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.in_for6_r .content .bshare-custom{padding: 0;}
.share a{ font-size: 14px;}
.share .bshare-custom #bshare-shareto{color: #333;font-weight: normal;}
.in_for6_r .content .prenext{padding: 0;}
.in_for6_r .content .prenext div{ display: block; line-height: 30px;font-size: 14px;padding: 0;}
.in_for6_r .content .prenext div a{font-size: 14px;}

.workdesc{padding-left:10px;}